<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>订单详情</title>
  <link rel="stylesheet" href="./css/common.css">
  <link rel="stylesheet" href="./css/orderDetail.css">
</head>
<body>
  <div class="container">
    <div class="header">
      <div class="lt" onclick="javascript:history.go(-1)">&lt;</div>
      <div class="ct">订单详情</div>
      <div class="rt"></div>
    </div>
    <div class="order-info">
        <div class="item-a">下单时间：2021-11-11</div>
        <div class="item-b">订单编号：2021111123423479283897345</div>
        <div class="item-c">
            <div class="l">实付：<span class="cost">￥3000</span></div>
            <div class="r">
                <div class="btn">取消订单</div>
                <div class="btn active">去付款</div>
            </div>
        </div>
    </div>

    <div class="order-goods">
        <div class="h">
            <div class="label">商品信息</div>
            <div class="status">未付款/已付款/已发货</div>
        </div>
        <div class="goods">
            <div class="item" >
                <div class="img">
                    <img src="./static/demo/idx-brand.jpg"/>
                </div>
                <div class="info">
                    <div class="t">
                        <span class="name">母亲节礼物-舒适安睡组合</span>
                        <span class="number">x1</span>
                    </div>
                    <div class="attr">1.5m床垫*1+枕头*2；玛瑙红</div>
                    <div class="price">￥1500</div>
                </div>
            </div>
            <div class="item" >
                <div class="img">
                    <img src="./static/demo/idx-brand.jpg"/>
                </div>
                <div class="info">
                    <div class="t">
                        <span class="name">母亲节礼物-舒适安睡组合</span>
                        <span class="number">x1</span>
                    </div>
                    <div class="attr">1.5m床垫*1+枕头*2；玛瑙红</div>
                    <div class="price">￥1500</div>
                </div>
            </div>
        </div>
    </div>

    <div class="order-bottom">
        <div class="address">
            <div class="t">
                <span class="name">阿飞哥</span>
                <span class="mobile">18888888888</span>
            </div>
            <div class="b">安徽省合肥市瑶海区花冲公园2幢401</div>
        </div>
        <div class="total">
            <div class="t">
                <span class="label">商品合计：</span>
                <span class="txt">￥3000</span>
            </div>
            <div class="t">
                <span class="label">运费：</span>
                <span class="txt">￥0</span>
            </div>
        </div>
        <div class="pay-fee">
            <span class="label">实付：</span>
            <span class="txt">￥3000</span>
        </div>
    </div>
</div>
</body>
</html>